<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>JS增强</title>
<t:base type="jquery,tools,DatePicker,bootsprap,layer"></t:base>
</head>
<body style="overflow-y: hidden" scroll="no">
<t:formvalid formid="formobj" dialog="true" usePlugin="password" layout="table" action="cgformEnhanceJsController.do?save">
	<input id="id" name="id" type="hidden" value="${cgformenhanceJsPage.id }">
	<input id="formId" name="formId" type="hidden" value="${cgformenhanceJsPage.formId }">
	<table class="table table-striped table-bordered table-hover table-condensed" class="formtable">
		<tr>
			<td align="right"><label class="Validform_label"> 增强类型: </label></td>
			<td class="value"><select name="cgJsType" id="cgJsType">
				<option value="form" <c:if test="${cgformenhanceJsPage.cgJsType=='form'}">selected="selected"</c:if>>form</option>
				<option value="list" <c:if test="${cgformenhanceJsPage.cgJsType=='list'}">selected="selected"</c:if>>list</option>
			</select> <span class="Validform_checktip"></span></td>
		</tr>
		<tr>
			<td align="right"><label class="Validform_label"> 增强js: </label></td>
			<td class="value">
				<div style="margin:3px 0px 5px 0px;">
					<div class="btn btn-default" id="add_tr"><i class="icon-plus"></i>添加</div>
					<div class="btn btn-default" id="save_list"><i class="icon-ok"></i>保存</div>
					<div class="btn btn-default" id="del_data"><i class="icon-minus"></i>删除</div>
				</div>
				<table class="table table-striped table-bordered table-hover table-condensed" id="js_list_data">
					<tr>
						<th><input type="checkbox"  id="all_checked"></th>
						<th style="width:20%;">描述</th>
						<th style="width:80%;">模块js路径</th>
					</tr>
				</table>
				<%-- <textarea id="cgJsStr" name="cgJsStr" cols="150" rows="20">${cgformenhanceJsPage.cgJsStr}</textarea>
				<span class="Validform_checktip"></span> --%>
			</td>
		</tr>
	</table>
</t:formvalid>
</body>
<script type="text/javascript">
jQuery(document).ready(function() { //初始化加载数据
	_loadJsData();
});

/**
 * 复选框点击事件
 */
jQuery("input[id='all_checked']").click(function(){
	if(jQuery(this).is(":checked")) { //选中
		jQuery("input[name='sub_checked']").each(function(){
			this.checked = true;
		});	
	} else {
		jQuery("input[name='sub_checked']").each(function(){
			this.checked = false;
		});
	}		
});

/**
 * 绑定添加方法
 */
jQuery("div[id='add_tr']").click(function() {
	var appendObj = new Array();
	appendObj.push("<tr name='one_data'>", "<td><input type='checkbox' name='sub_checked' checked='checked'></td>");
	appendObj.push("<td style='display: none;'><input type='hidden' name='id' value=''></td>");
	appendObj.push("<td><input type='text' value='' style='width:90%;margin-bottom: 0px;' name='memo'></td>");
	appendObj.push("<td><input type='text' value='' style='width:98%;margin-bottom: 0px;' name='path'></td>");
	appendObj.push("</tr>");
	jQuery("table[id='js_list_data']").append(appendObj.join(""));
});

/**
 * 保存数据
 */
jQuery("div[id='save_list']").click(function() {
	var cgJsType =$('#cgJsType').val();
	var formId =$('#formId').val();
	var checkedRows = new Array();
	jQuery("input[name='sub_checked']").each(function(){
		if (jQuery(this).is(":checked")) {
			var dataObj = {"formId" : formId, "cgJsType" : cgJsType};
			jQuery(this).parent().nextAll().each(function() {
				if (jQuery(this).find("input[name='id']").eq(0).val()) {
					dataObj.id = jQuery(this).find("input[name='id']").eq(0).val();
				} else if (jQuery(this).find("input[name='memo']").eq(0).val()) {
					dataObj.memo = jQuery(this).find("input[name='memo']").eq(0).val();
				} else if (jQuery(this).find("input[name='path']").eq(0).val()) {
					dataObj.path = jQuery(this).find("input[name='path']").eq(0).val();
				}
				if (dataObj.memo && dataObj.path) {
					checkedRows.push(dataObj);
				}
			});	
		}
	});
	if (checkedRows.length > 0) {
		jQuery.ajax({
			async : false,
			cache : false,
			type : 'POST',
			contentType : 'application/json',
			dataType:"json",
			url : "cgformEnhanceJsController.do?bathSave&dataList="+JSON.stringify(checkedRows),// 请求的action路径
			error : function() {// 请求失败处理函数
				layer.alert("出错了", 3);
				frameElement.api.close();
			},
			success : function(data) {
				layer.tips('保存成功！', jQuery("div[id='save_list']").get(0), {
				    style: ['background-color:#78BA32; color:#fff', '#78BA32'],
				    maxWidth:185,
				    time: 1
				});
				_loadJsData();
			}
		});
	} else {
		layer.tips('保存数据为空', jQuery("div[id='save_list']").get(0) , {time: 2});
	}
});

/**
 * 删除操作
 */
jQuery("div[id='del_data']").click(function() {
	var cgJsType =$('#cgJsType').val();
	var checkedRows = new Array();
	jQuery("input[name='sub_checked']").each(function(){
		if (jQuery(this).is(":checked")) {
			jQuery(this).parent().nextAll().each(function() {
				var id = jQuery(this).find("input[name='id']").eq(0).val(); //id
				if (id) {
					checkedRows.push(id);
				}
			});	
		}
	});
	if (checkedRows.length > 0) { //存在数据
		$.ajax({
			async : false,
			cache : false,
			type : 'POST',
			contentType : 'application/json',
			dataType:"json",
			url : "cgformEnhanceJsController.do?delList&ids="+checkedRows.join(","),// 请求的action路径
			error : function() {// 请求失败处理函数
				layer.alert("出错了", 3);
				frameElement.api.close();
			},
			success : function(data) {
				layer.tips('删除成功！', jQuery("div[id='del_data']").get(0), {
				    style: ['background-color:#78BA32; color:#fff', '#78BA32'],
				    maxWidth:185,
				    time: 1
				});
				_loadJsData();
			}
		});
	} else {
		layer.tips('请选中要操作的记录', jQuery("div[id='del_data']").get(0) , {time: 2});
		return;
	}
});

/**
 * 改变事件
 */
 $('#cgJsType').change(function() {
	 _loadJsData();
 });
 
 //初始化加载数据
 function _loadJsData() {
	 var cgJsType =$('#cgJsType').val();
	 var formId =$('#formId').val();
	 $.ajax({
		async : false,
		cache : false,
		type : 'POST',
		contentType : 'application/json', 
		dataType:"json",
		url : "cgformEnhanceJsController.do?doCgformEnhanceJsList&cgJsType="+cgJsType+"&formId="+formId,// 请求的action路径
		error : function() {// 请求失败处理函数
			layer.alert("出错了", 3);
			frameElement.api.close();
		},
		success : function(data) {
			var d = data;
			if (d.success) {
				var cgformenhanceJsPage = d.obj;
				jQuery("table[id='js_list_data']").find("tr[name='one_data']").remove();
				for (var i = 0; i < cgformenhanceJsPage.length; i++) {
					var thisObj = cgformenhanceJsPage[i];
					var appendObj = new Array();
					appendObj.push("<tr name='one_data'>", "<td><input type='checkbox' name='sub_checked' checked='checked'></td>");
					appendObj.push("<td style='display: none;'><input type='hidden' name='id' value='"+thisObj.id+"'></td>");
					appendObj.push("<td><input type='text' value='"+thisObj.memo+"' style='width:90%;margin-bottom: 0px;' name='memo'></td>");
					appendObj.push("<td><input type='text' value='"+thisObj.path+"' style='width:98%;margin-bottom: 0px;' name='path'></td>");
					appendObj.push("</tr>");
					jQuery("table[id='js_list_data']").append(appendObj.join(""));
				}
			} else {
				jQuery("table[id='js_list_data']").find("tr[name='one_data']").remove();
			}
		}
	});		 
 }
</script>
</html>